<template>
  <Layout>
    <PageHeaderNew :items="items"></PageHeaderNew>
    <div class="row">
      <div class="col-lg-12">
        <div class="card">
          <div class="card-body">
            <h4 class="card-title mb-4 title_first">
              冯站长之家
              <!-- <span>
                <i class="mdi mdi-pencil font-size-18"></i>
                <span>(站点管理)</span>
              </span> -->
            </h4>
            <!-- <h4 class="card-title mb-4 title_second">
              站点状态:未配置
            </h4> -->
            <div class="info">
              <div class="col-md-6">
                <div class="info_item">
                  <div class="info_k">自媒体平台:</div>
                  <div class="info_v">微信公众号</div>
                </div>
                <div class="info_item">
                  <div class="info_k">账号名称:</div>
                  <div class="info_v">冯站长之家</div>
                </div>
                <div class="info_item">
                  <div class="info_k">账号分类:</div>
                  <div class="info_v">娱乐</div>
                </div>
                <div class="info_item">
                  <div class="info_k">文章数:</div>
                  <div class="info_v">9</div>
                </div>
                <div class="info_item">
                  <div class="info_k">认证:</div>
                  <div class="info_v">有平台认证</div>
                </div>
              </div>
              <div class="col-md-6">
                <div class="info_item">
                  <div class="info_k">账号ID:</div>
                  <div class="info_v">11222344</div>
                </div>
                <div class="info_item">
                  <div class="info_k">账号地址:</div>
                  <div class="info_v">http://xxx.com</div>
                </div>
                <div class="info_item">
                  <div class="info_k">客户指定采集:</div>
                  <div class="info_v">公司名称</div>
                </div>
                <div class="info_item">
                  <div class="info_k">点赞数:</div>
                  <div class="info_v">50</div>
                </div>
                <div class="info_item">
                  <div class="info_k">粉丝数:</div>
                  <div class="info_v">8</div>
                </div>
              </div>
            </div>
            <div class="desc">
              <div class="info_item">
                <div class="info_k">简介:</div>
                <div class="info_v">自媒体账号说明或简介。</div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- <div class="row">
      <div class="col-lg-12">
        <TransactionDetail />
      </div>
    </div> -->
  </Layout>
</template>
<script>
import Layout from "../../layouts/main";
import PageHeaderNew from "@/components/page-header-new";
// import TransactionDetail from "./transactionDetail";
export default {
  components: {
    Layout,
    PageHeaderNew,
    // TransactionDetail,
  },
  data () {
    return {
      items: [
        {
          text: "数据采集",
          url: "/spider",
        },{
          text: "自媒体号详情",
          url: "",
        }
      ],
    }
  }
}
</script>
<style lang="scss" scoped>
.title_first{
  font-size: 20px;
  font-weight: 600;
}
.title_first>span{
  color: #999999;
  margin-left: 10px;
  cursor: pointer;
  span{
    font-size: .7rem;
    font-weight: normal;
  }
}
.title_second{
  font-size: 16px;
  font-weight: 600;
  span{
    margin: 0 6px;
  }
}
.info{
  display: flex;
  flex-wrap: wrap;
}
.info_item{
  margin-bottom: 10px;
}
.info_k{
  display: inline-block;
}
.info_v{
  margin-left: 5px;
  display: inline-block;
}
.desc{
  padding-right: 12px;
  padding-left: 12px;
}
</style>
